<template>
<onekit-page>
<onekit-view onekit-class="container">
	<div is="onekit-template-head" :DATA="`${JSON.stringify({title:'slider'})}`"></div>
	<onekit-view onekit-class="page-body">
		<onekit-view onekit-class="page-section page-section-gap">
			<onekit-view onekit-class="page-section-title">设置step</onekit-view>
			<onekit-view onekit-class="body-view">
				<onekit-slider value="60" step="5" @Change="slider2change"></onekit-slider>
			</onekit-view>
		</onekit-view>
		<onekit-view onekit-class="page-section page-section-gap">
			<onekit-view onekit-class="page-section-title">显示当前value</onekit-view>
			<onekit-view onekit-class="body-view">
				<onekit-slider value="50" show-value @Change="slider3change"></onekit-slider>
			</onekit-view>
		</onekit-view>
		<onekit-view onekit-class="page-section page-section-gap">
			<onekit-view onekit-class="page-section-title">设置最小/最大值</onekit-view>
			<onekit-view onekit-class="body-view">
				<onekit-slider value="100" min="50" max="200" show-value @Change="slider4change"></onekit-slider>
			</onekit-view>
		</onekit-view>
	</onekit-view>
	<div is="onekit-template-foot"></div>
</onekit-view>
</onekit-page></template>
<script>
/* eslint-disable */
import Vue from 'vue';
import onekit_template_0 from '../../../../page/common/head.head.vue';Vue.component('onekit-template-head',onekit_template_0);
import onekit_template_1 from '../../../../page/common/foot.foot.vue';Vue.component('onekit-template-foot',onekit_template_1);
const ONEKIT_JSON= {
  "navigationBarTitleText": "slider",
  "usingComponents": {
    
  }
};
const ONEKIT_SJS = {
};
import wx from '../../../../../weixin2vue/wx.js';
import Macro from '../../../../../weixin2vue/Macro.js';
const {getApp,getCurrentPages} = Macro;
import Page from '../../../../../weixin2vue/OnekitPage.js';
import Component from '../../../../../weixin2vue/OnekitComponent.js';
const pageData = {
    "onShareAppMessage"(){
      return {
        "title":'slider',
        "path":'page/component/pages/slider/slider'
};
    }
};
for(let i = 1;i < 5;++i){
  (function(index){
    pageData[(('slider' + index)) + 'change'] = function(e){
    console.log((('slider' + index)) + '发生change事件，携带值为',e.detail.value);
  };
  }(i));
};
export default Page(ONEKIT_JSON,[],ONEKIT_SJS,pageData);

</script>
<style 
 lang="css">
.onekit-slider {
  margin: 0 ;
}
</style>